function ber(){
    $("#bord").css("border-color", "#ff6700");
    $("#bord").next().css("border-color", "#ff6700");
}
$("#bord").mouseout(function(){
        $("#bord").css("border-color", "");
        $("#bord").next().css("border-color", "");
});

// 获取导航栏到屏幕顶部的距离
var oTop = $(".nav-bar-dhl").offset().top;
//获取导航栏的高度，此高度用于保证内容的平滑过渡
var martop = $(".nav-bar-dhl").outerHeight();

var sTop = 0;
// 监听页面的滚动
$(window).scroll(function () {
  // 获取页面向上滚动的距离
  sTop = $(this).scrollTop();
  // 当导航栏到达屏幕顶端
  if (sTop >= oTop) {
    // 修改导航栏position属性，使之固定在屏幕顶端
    $(".nav-bar-dhl").css({ position: "fixed", top: "0" });
    // 修改内容的margin-top值，保证平滑过渡
    $(".nav-bar-dhl1").css({ "margin-top": martop });
  } else {
    // 当导航栏脱离屏幕顶端时，回复原来的属性
    $(".nav-bar-dhl").css({ position: "static" });
    $(".nav-bar-dhl1").css({ "margin-top": "0" });
  }
});

let obj=new URLSearchParams(location.search)
let pid=obj.get("pid")
console.log(pid);
let url = `http://jx.xuzhixiang.top/ap/api/detail.php`;
$.get(url,{id:pid},function(v){
    console.log(v);
    let obj = v.data;
    $(".name").html(`<h2>${obj.pname}</h2>
    <span>|</span>
    <p>${obj.pname}</p>`)

    $(".sjzp").html(`<div class="sjzp1">
    <img src="${obj.pimg}" alt="" />
  </div>
  <div class="sjzp2">
    <h2>${obj.pname}</h2>
    <p>${obj.pprice}</p>
    <p>${obj.pdesc}</p>
    <input type="number" value="1" class="number" min="1"></input>
  <button onclick="addCartClick(${obj.pid})">加入购物车</button>
  </div>
    `)
})
function addCartClick(pid){
  let url='http://jx.xuzhixiang.top/ap/api/add-product.php'
  let uid=localStorage.getItem("id")
  let pnum=$(".number").val()
  $.get(url,{uid,pid,pnum},function(v){
    console.log(v);
    alert("加入购物车成功")
    location.href="../html/05-cart.html"
  })

}


